<template>
  <div class="home-header">
    <van-image :src="icon" alt="" height="30" />
    <span class="title">优品用呗</span>
    <span class="tip">让资金周转更轻松</span>
  </div>
</template>
<script lang="ts" setup>
import { ref, reactive, onMounted } from "vue";
import { mockApi } from "@/utils/util";
import icon from "@/assets/channel/header-icon.png";

onMounted(async () => {});
</script>

<style lang="scss" scoped>
.home-header {
  margin: 20px 0;
  display: flex;
  align-items: center;
  //   margin-top: 10px;

  .title {
    line-height: 1.2;
    font-size: 20px;
    font-weight: 500;
    margin-left: 5px;
  }
  .tip {
    font-size: 14px;
    color: #7e7d7d;
    margin-left: 5px;
    // line-height: 20px;
  }
}
</style>
